import { defineComponent } from "vue";
import { useI18n } from "vue-i18n";
import './index.less'

export default defineComponent({
    setup() {
        const { t } = useI18n()
        return () => (
            <div class='text gengduo'>
                <span>{t('head.more')}</span>
                <div class='more'>
                    <div class='more_mask'>
                        <div class='more_row'>
                            <div class='more_row_left'>
                                <div class='more_row_left_title'>{t('head.rebate1')}<img src="/head/home_icon_more_normal.svg" /></div>
                                <div class='more_row_left_centent'>{t('head.rebate2')}</div>
                            </div>
                            <div class='more_row_left'>
                                <div class='more_row_left_title'>{t('head.wallet1')}<img src="/head/home_icon_more_normal.svg" /></div>
                                <div class='more_row_left_centent'>{t('head.wallet2')}</div>
                            </div>
                        </div>
                        <div class='more_row'>
                            <div class='more_row_left'>
                                <div class='more_row_left_title'>{t('head.customization_strategy1')}<img src="/head/home_icon_more_normal.svg" /></div>
                                <div class='more_row_left_centent'>{t('head.customization_strategy2')}</div>
                            </div>
                            <div class='more_row_left'>
                                <div class='more_row_left_title'>{t('head.dca1')}<img src="/head/home_icon_more_normal.svg" /></div>
                                <div class='more_row_left_centent'>{t('head.dca2')}</div>
                            </div>
                        </div>
                        <div class='more_row'>
                            <div class='more_row_left'>
                                <div class='more_row_left_title'>{t('head.ip_image1')}<img src="/head/home_icon_more_normal.svg" /></div>
                                <div class='more_row_left_centent'>{t('head.ip_image2')}</div>
                            </div>
                            <div class='more_row_left'>
                                <div class='more_row_left_title'>{t('head.resource_download1')}<img src="/head/home_icon_more_normal.svg" /></div>
                                <div class='more_row_left_centent'>{t('head.resource_download2')}</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        )
    }
})